<template>

    <div class="leave">
        <div class="top-wrap">
            <button class="scan-btn" type="button">请扫描工卡<i class="icon-wrokcard"></i></button>
            <button class="scan-btn" type="button">请扫描患者腕带<i class="icon-patient"></i></button>
            <button class="btn all" type="button">全选</button>
            <button class="btn sure" type="button">确定</button>
            <button class="btn cancel" type="button">取消离院</button>

        </div>
        <div class="content-wrap">
          <pcard :toLeaveData="leaveData"></pcard>
        </div>
    </div>

</template>

<script lang="ts">
    import {
        Component,
        Vue
    } from 'vue-property-decorator';
    import Pcard from '@/components/pcard/pcard.vue';

    import {
        State,
        Action,
        Getter
    } from 'vuex-class';

    // const namespace: string = 'patient';

    @Component({
        components: {
            Pcard
        },
    })

    export default class Leave extends Vue {

        // @Action('levelCheckGetAllAction', {namespace}) getLevelCheckAll: any;

        // @Getter('levelCheckGetAll', {namespace})"PatientInfoList": string;

        //  leaveData:any[]=[];

       leaveData="";
        // mounted() {
        //     this.getLevelCheckAll().then(m => {
        //         this.leaveData=m;
             
        //         console.log("输出");
        //         console.log(this.leaveData);
        //     });

        // },
    }
</script>
<style lang="scss" scoped>
    .leave {
        margin: 10px;

        .top-wrap {
            height: 70px;
            border: 1px solid #CBCBCB;
            padding: 9px 30px;
            text-align: left;

            .scan-btn {
                width: 180px;
                height: 50px;
                border-radius: 10px;
                border: 1px solid #04a9ad;
                color: #04a9ad;
                font-size: 18px;
                background: #FFF;
                margin-right: 50px;

                i {
                    vertical-align: -8px;
                    margin-left: 5px;
                }

                .icon-wrokcard {
                    display: inline-block;
                    width: 26px;
                    height: 30px;
                    background: url(../../../assets/img/icon/workcard.png) center no-repeat;
                    background-size: cover;
                }

                .icon-patient {
                    display: inline-block;
                    width: 26px;
                    height: 30px;
                    background: url(../../../assets/img/icon/patient.png) center no-repeat;
                    background-size: cover;
                }
            }

            .btn {
                width: 100px;
                height: 50px;
                border: none;
                border-radius: 10px;
                margin-right: 50px;
                padding: 0;
                font-size: 18px;
                font-weight: 400;
                color: #FFF;
            }

            .all {
                background-color: #ff4444;
            }

            .sure {
                background-color: #fea830;
            }

            .cancel {
                background-color: #04a9ad;
            }
        }

        .content-wrap {
            border: 1px solid #CBCBCB;
            margin-top: 12px;
            position: absolute;
            top: 206px;
            bottom: 50px;
            left: 10px;
            right: 10px;
            overflow-y: auto;
            padding: 18px 30px;
        }
    }
</style>